<template>
  <div class="home">
    <header-logo />
    <m-footer :route="childRoute"/>
  </div>
</template>

<script lang="ts">
  import { defineComponent, onMounted, reactive, toRefs } from 'vue'

  import { HeaderLogo,MFooter } from './../../components'

  export default defineComponent({
    components: {
      HeaderLogo,
      MFooter
    },
    setup() {
      const data = reactive({
        childRoute:'home'
      })
      return { ...toRefs(data) }
    }
  })
</script>

<style lang="scss" scoped>
  .home {
    font-size: 40px;
    color: $theme-active;
  }
</style>
